<template>
  <SlottedChildren>
    <div class="title-slot">{{ title }}</div>
  </SlottedChildren>
</template>

<script>
import {defineComponent} from 'vue';
import SlottedChildren from '@/components/slotted/SlottedChildren.vue';

export default defineComponent({
  name: 'SlottedParent',
  components: {SlottedChildren},
  data() {
    return {
      title: 'Slotted父组件-插槽'
    };
  }
});
</script>

<style scoped>
.title-slot {
  font-weight: bold;
  font-size: 30px;
}
</style>